ASP.NETlayui如何得到select值
layui得到select值的方法：首先打开相应的模板代码文件；然后引用layui插件；最后通过“var batch=$(#batch).val();”方法取...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>增加、修改学校/层次/专业</title>
<link rel="stylesheet" href=https://www.ym97.com/wenku/cssm"__ADMIN__/common/frame/wenku/cssmcss/layui.css">
</head>
<body>
<div class="layui-fluid layui-form">
<form class="layui-form" action="" method="post">
<br>
<div style="padding-left: 100px; padding-bottom: 20px;"><h2>{$rs1.title} >> {$rs.title}</h2></div>
<div class="layui-form-item">
<label class="layui-form-label">学费</label>
<div class="layui-input-block">
<input type="text" name="price" required lay-verify="required" class="layui-input" value="{$rs.price}" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">批次</label>
<div class="layui-input-block">
<select name="batch" id="batch" lay-filter="batch" lay-verify="required" lay-search="required">
<option value="">请选择批次</option>
{volist name="batch_rs" id="batch"}
<option value="{$batch.id}" {if condition="$rsEdit.batch eq $batch.id"}selected{/if}>{$batch.title}</option>
{/volist}
</select>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" id="editbatchschooltuition" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
</div>
</div>
</form>
</div>
<script src=https://www.ym97.com/wenku/cssm"__ADMIN__/common/frame/wenku/cssmlayui.js"></script>
<script>
layui.use(['form', 'jquery'], function(){
var form = layui.form
,$= layui.$;
// var batch=$("#batch").val();
form.on('select', function(data){
console.log(data.elem); //得到select原始DOM对象
console.log(data.value); //得到被选中的值]
$("#batch").val(data.value)
console.log(data.othis); //得到美化后的DOM对象
});
$('#editbatchschooltuition').on('click', function(){
var batch=$("#batch").val();
alert(batch);
layer.ready(function(){
layer.open({
type: 2,
title: '增加',
maxmin: true,
area: ['750px', '400px'],
content: '{:url('main/addschool')}?id={$id}&price={$rs.price}&batch='+batch,
//content: '{:url('main/addschool')}',
cancel: function(){ //刷新网页
}
});
});
});
});
</script>
</body>
</html>
本教程操作环境：Windows7系统、layui2.4版，该方法适用于所有品牌电脑。
推荐：《javascript基础教程》《layUI教程》
模板：
layui得到select下拉框选中的值:
layui得到select值的方法：首先打开相应的模板代码文件；然后引用layui插件；最后通过“var batch=$("#batch").val();”方法取得下拉框的值即可。
引用layui插件，取得下拉框的值
相关热词：
本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！
本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4627.shtml
上一篇：layui的tips层怎么用
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
其中border-left决定了底部直
时间：2021-01-23
-
当你自己回头来看你写的
时间：2021-01-23
-
④格式标签 粗体：b/b 斜
时间：2021-01-23
-
我们直接看代码： !DOCTY
时间：2021-01-23
-
这里就是吐槽的IE6！） 图
时间：2021-01-23
-
假设我们的HTML代码如下：
时间：2021-01-23
-
那么使用 CSS3 新增的选择
时间：2021-01-23
-
scaleGlassRectangle.y
时间：2021-01-23
热门文章
-
可以加我的HTML5前端交流群111645711 CSS源码
时间：2021-01-15
-
就可以对子元素进行 3D 变形操作了
时间：2021-01-12
-
用css让一个容器水平垂直
时间：2021-01-12
-
而没有设置高度
时间：2021-01-19
-
canvas与html5实现视频截图成果
时间：2021-01-19
-
所以通常不需要发送
时间：2021-01-19
-
我们尝试一下更新一下HTML结构
时间：2021-01-23
-
scaleGlassRectangle.y
时间：2021-01-23
-
HTML5生拖放实例分析
时间：2021-01-12
-
在全局:root{ }伪类中定义了一个 CSS 变量
时间：2021-01-21